<!--产品实例库信息-->
<template>
  <div class="container">
    <el-form
      ref="FormModel"
      :model="FormModel"
      :rules="FormRule"
      label-width="70px"
    >
      <el-row>
        <el-col class="ne-title" :span="24">
          <p class="left">
            <span>产品实例库信息</span>
          </p>
          <div class="right ne-operation" @click="exportExcel">
            <el-button> 输出EXCEL </el-button>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6" class="line">
          <el-form-item label="流水号" prop="custSoNumber">
            <el-input clearable v-model="FormModel.custSoNumber">
              <el-select
                v-model="FormModel.custSoNumberType"
                slot="append"
                class="ne-select-box select-box"
              >
                <el-option label="精确" value="1"></el-option>
                <el-option label="模糊" value="2"></el-option>
              </el-select>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6" class="line">
          <el-form-item label="运维网号" prop="VPN_NET_NBR">
            <el-input clearable v-model="FormModel.VPN_NET_NBR">
              <el-select
                prop="VPN_NET_NBR_TYPE"
                v-model="FormModel.VPN_NET_NBR_TYPE"
                slot="append"
                class="ne-select-box select-box"
              >
                <el-option label="精确" value="1"></el-option>
                <el-option label="模糊" value="2"></el-option>
              </el-select>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6" class="line">
          <el-form-item class="clearfix" label="客户名称" prop="custName">
            <el-input clearable v-model="FormModel.custName">
              <el-select
                prop="custNameType"
                v-model="FormModel.custNameType"
                slot="append"
                class="ne-select-box select-box"
              >
                <el-option label="精确" value="1"></el-option>
                <el-option label="模糊" value="2"></el-option>
              </el-select>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6" class="line">
          <el-form-item class="clearfix" label="通达地点" prop="regionRange">
            <el-input clearable v-model="FormModel.regionRange" class="left" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6" class="line">
          <el-form-item class="clearfix" label="网络标识号" prop="groupNbr">
            <el-input clearable v-model="FormModel.groupNbr">
              <el-select
                prop="groupNbrType"
                v-model="FormModel.groupNbrType"
                slot="append"
                class="ne-select-box select-box"
              >
                <el-option label="精确" value="1"></el-option>
                <el-option label="模糊" value="2"></el-option>
              </el-select>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6" class="line">
          <el-form-item label="电路代号/设备号" prop="accNbr">
            <el-input clearable v-model="FormModel.accNbr">
              <el-select
                prop="accNbrType"
                v-model="FormModel.accNbrType"
                slot="append"
                class="ne-select-box select-box"
              >
                <el-option label="精确" value="1"></el-option>
                <el-option label="模糊" value="2"></el-option>
              </el-select>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6" class="line">
          <el-form-item class="clearfix" label="发起局" prop="orgName">
            <el-input clearable v-model="FormModel.orgName">
              <el-select
                prop="orgNameType"
                v-model="FormModel.orgNameType"
                slot="append"
                class="ne-select-box select-box"
              >
                <el-option label="精确" value="1"></el-option>
                <el-option label="模糊" value="2"></el-option>
              </el-select>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6" class="line">
          <el-form-item class="clearfix" label="通达省" prop="LOCATION_ID">
            <el-select
              clearable
              v-model="FormModel.LOCATION_ID"
              style="width: 100%"
            >
              <el-option
                v-for="item in locationIdArray"
                :key="item.value"
                :label="item.text"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6" class="line">
          <el-form-item class="clearfix" label="是否退租" prop="isTuZu">
            <el-select clearable v-model="FormModel.isTuZu" style="width: 100%">
              <el-option label="是" value="110000"></el-option>
              <el-option label="否" value="100000"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6" class="line">
          <el-form-item label="付费客户" prop="payCustName">
            <el-input clearable v-model="FormModel.payCustName"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6" class="line">
          <el-form-item label=" 销售品名称" prop="prodOfferId">
            <el-select
              clearable
              v-model="FormModel.prodOfferId"
              style="width: 100%"
            >
              <el-option
                v-for="item in prodOfferIdArray"
                :key="item.VALUE"
                :label="item.TEXT"
                :value="item.VALUE"
              >
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6" class="line">
          <el-form-item label="受理运营商" prop="orderSourceId">
            <el-select
              clearable
              v-model="FormModel.orderSourceId"
              style="width: 100%"
            >
                <el-option
                        v-for="item in orderSourceIdArray"
                        :key="item.VALUE"
                        :label="item.label"
                        :value="item.VALUE"
                >
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6" class="line">
          <el-form-item label=" 产品实例号" prop="prodInstId">
            <el-input clearable v-model="FormModel.prodInstId" />
          </el-form-item>
        </el-col>
        <el-col :span="6" class="line">
          <el-form-item label="合同编码" prop="contact_cd">
            <el-input clearable v-model="FormModel.contact_cd">
              <el-select
                prop="contact_cd_TYPE"
                v-model="FormModel.contact_cd_TYPE"
                slot="append"
                class="ne-select-box select-box"
              >
                <el-option label="精确" value="1"></el-option>
                <el-option label="模糊" value="2"></el-option>
              </el-select>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6" class="line">
          <el-form-item label="IDC群号" prop="idcNetNbr">
            <el-input clearable v-model="FormModel.idcNetNbr"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6" class="line">
          <el-form-item label=" 甲端专线号" prop="CIRCUIT_LOCAL_NBR_A">
            <el-input clearable v-model="FormModel.CIRCUIT_LOCAL_NBR_A">
              <el-select
                prop="CIRCUIT_LOCAL_NBR_A_TYPE"
                v-model="FormModel.CIRCUIT_LOCAL_NBR_A_TYPE"
                slot="append"
                class="ne-select-box select-box"
              >
                <el-option label="精确" value="1"></el-option>
                <el-option label="模糊" value="2"></el-option>
              </el-select>
            </el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6" class="line">
          <el-form-item label="乙端专线号" prop="CIRCUIT_LOCAL_NBR_B">
            <el-input clearable v-model="FormModel.CIRCUIT_LOCAL_NBR_B">
              <el-select
                prop="CIRCUIT_LOCAL_NBR_B_TYPE"
                v-model="FormModel.CIRCUIT_LOCAL_NBR_B_TYPE"
                slot="append"
                class="ne-select-box select-box"
              >
                <el-option label="精确" value="1"></el-option>
                <el-option label="模糊" value="2"></el-option>
              </el-select>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6" class="line">
          <el-form-item label=" 起租日期" prop="START_TIME">
            <el-date-picker
              style="width: 100%"
              value-format="yyyy-MM-dd"
              v-model="FormModel.START_TIME"
              type="daterange"
              range-separator="/"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
            >
            </el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="6" class="line">
          <el-form-item label="退租日期" prop="STOP_TIME">
            <el-date-picker
              style="width: 100%"
              value-format="yyyy-MM-dd"
              v-model="FormModel.STOP_TIME"
              type="daterange"
              range-separator="/"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
            >
            </el-date-picker>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row class="classButton">
        <el-col>
          <el-button type="primary" @click="queryList" :disabled="queryDisabled"
            >查询</el-button
          >
          <el-button type="primary" @click="emptyFrom">清空</el-button>
        </el-col>
      </el-row>
    </el-form>
    <DicTable
      ref="carordertable"
      align="center"
      stripe
      highlight-current-row
      highlight-hover-row
      border
      header-row-class-name="header-row-class"
      row-class-name="ne-row-class"
      :row-style="rowStyle"
      :columnData="tableColumns"
      :tableData="tableData"
      :loading="tableLoading"
      :currentPage="parseInt(FormModel.curPage)"
      :pageSize="parseInt(FormModel.size)"
      :totalResult="parseInt(total)"
      :pager="true"
      @on-page-change="handlePageChange"
      @cell-click="Onrowclick"
    >
      <template #opt="{ row }">
          <el-popover placement="right" width="220">
              <div class="see_popover">
                <tr>
                  <td v-if="true">
                      <span>>></span>
                      <a @click="journalClick(row)">变更日志</a>
                  </td>
                  <td v-if="true">
                      <span>>></span>
                      <a @click="intransitClick(row)">查看在途单</a>
                  </td>
                </tr>
                <!--<tr>
                   <td v-if="true"> &lt;!&ndash;非idc <td v-if="'other' == flag"> &ndash;&gt;
                       <span>>></span>
                       <a @click="accountsClick(row)">查看账务信息</a>
                   </td>
                   <td v-if="row.productId == '80008039'">&lt;!&ndash;<td v-if="'80008039' == productId"  云堤>&ndash;&gt;
                       <span>>></span>
                       <a @click="employClick(row)">查看使用信息</a>
                   </td>
                </tr>-->
              </div>
              <span class="view_details" slot="reference">查看</span>
          </el-popover>
      </template>
    </DicTable>
    <!-- 变更日志弹窗 -->
    <el-dialog
              :close-on-click-modal="false"
              title="流水变更日志"
              :before-close="dialogClose"
              :visible.sync="journalDialog"
              width="1000px"
    >
        <LogChange v-if="journalLogChange" :CTOInfo="journalRow"></LogChange>
    </el-dialog>
    <!-- 变更日志弹窗 -->
    <el-dialog
              :close-on-click-modal="false"
              title="查看在途单"
              :before-close="dialogClose"
              :visible.sync="intransitDialog"
              width="99%"
    >
        <DicTable
                ref="intransittable"
                align="center"
                stripe
                highlight-current-row
                highlight-hover-row
                border
                header-row-class-name="header-row-class"
                row-class-name="ne-row-class"
                :columnData="intransitColumns"
                :tableData="intransitData"
                :loading="intransitLoading"
                :currentPage="parseInt(intransitParam.curPage)"
                :pageSize="parseInt(intransitParam.size)"
                :totalResult="parseInt(intransitTotal)"
                :pager="true"
                @on-page-change="intransitPageChange"
        >
        </DicTable>
    </el-dialog>
    <!-- 变更日志弹窗 -->
    <el-dialog
              :close-on-click-modal="false"
              title="查看账务信息"
              :before-close="dialogClose"
              :visible.sync="accountsDialog"
              width="700px"
    >
    </el-dialog>
    <!-- 变更日志弹窗 -->
    <el-dialog
              :close-on-click-modal="false"
              title="查看使用信息"
              :before-close="dialogClose"
              :visible.sync="employDialog"
              width="700px"
    >
    </el-dialog>
  </div>
</template>

<script>
import LogChange from "@/components/custorder/examine/LogChange";
import { mapState } from "vuex";
import OrderService from "@/api/order/OrderService.js";
import DicTable from "@/components/public/DicTable";
import ElForm from "../../../node_modules/element-ui/packages/form/src/form.vue";
import ElFormItem from "../../../node_modules/element-ui/packages/form/src/form-item.vue";
import ElCol from "element-ui/packages/col/src/col";
export default {
  components: {
    ElCol,
    ElForm,
    DicTable,
    LogChange,
  },
  data() {
    return {
      journalDialog:false, //变更日志弹窗
      journalRow:{}, //传递给LogChange的参数
      journalLogChange:false, //强制刷新LogChange组件
      intransitDialog:false,//查看在途单弹窗
      accountsDialog:false,//查看账务信息弹窗
      employDialog:false,//使用信息弹窗
      FormRule: {},
      total: 0,
      tableLoading: false,
      tableData: [], //表格数据
      queryDisabled: false, //查询按钮是否禁用
      orderSourceIdArray: [], //受理运营商下拉选项列表
      prodOfferIdArray: [], // 销售品名称下拉选项列表
      locationIdArray: [], //通达省下拉选项列表
      FormExcel:{},//输出EXCEL入参
      FormModel: {
        custSoNumber: "",
        custSoNumberType: "1",
        custName: "",
        custNameType: "1",
        idcNetNbr: "", //IDC群号
        batchNbr: "",
        prodOfferId: "",
        regionRange: "",
        groupNbr: "",
        groupNbrType: "1",
        accNbr: "",
        accNbrType: "1",
        orgName: "",
        orgNameType: "1",
        isTuZu: "",
        orderSourceId: "",
        payCustName: "",
        START_TIME: [], //起租日期数组
        B_BEGIN_RENT_TIME: "", //起租日期-开始日期
        E_BEGIN_RENT_TIME: "", //起租日期-结束日期
        STOP_TIME: [], //退租日期数组
        B_STOP_RENT_TIME: "", //退租日期-开始日期
        E_STOP_RENT_TIME: "", //退租日期-结束日期
        VPN_NET_NBR: "", //运维网号
        VPN_NET_NBR_TYPE: "1",
        LOCATION_ID: "", //通达省
        prodInstId: "",
        contact_cd: "",
        contact_cd_TYPE: "1",
        CIRCUIT_LOCAL_NBR_A: "",
        CIRCUIT_LOCAL_NBR_A_TYPE: "1",
        CIRCUIT_LOCAL_NBR_B: "",
        CIRCUIT_LOCAL_NBR_B_TYPE: "1",
        curPage: "1", //页码
        size: "10", //条数
        regionType: "", //vux中取值
        orgId:"", //vux中取
        count:""
      },
      tableColumns: [
        { type: "radio", title: "选择", width: 60, fixed: null },
        {
          field: "custSoNumber",
          title: "流水号",
          showOverflow: true,
          width: 200,
          "class-name": "cust_num_lass",
        },
        { slotName: "opt", title: "查看", width: 80 },
        {
          field: "custName",
          title: "客户名称",
          showOverflow: true,
          width: 300,
        },
        {
          field: "custSign",
          title: "管控级别",
          showOverflow: true,
          width: 100,
        },
        {
          field: "offerName",
          title: "销售品名称",
          showOverflow: true,
          width: 100,
        },
        //dicTable：1.先实现过滤（过滤出拆机单）；再添加样式
        { field: "statusCd", title: "状态", showOverflow: true, width: 100 },
        {
          field: "regionRange",
          title: "通达地点",
          showOverflow: true,
          width: 150,
        },
        { field: "orgName", title: "发起局", showOverflow: true, width: 150 },
        {
          field: "finishTime",
          title: "开通日期",
          showOverflow: true,
          width: 150,
        },
        {
          field: "beginRentTime",
          title: "起租日期",
          showOverflow: true,
          width: 150,
        },
        {
          field: "stopRentTime",
          title: "退租日期",
          showOverflow: true,
          width: 150,
        },
        { field: "rate", title: "速率", showOverflow: true, width: 80 },
        { field: "accNum", title: "设备号", showOverflow: true, width: 150 },
        { field: "bmName", title: "业务经理", showOverflow: true, width: 150 },
        {
          field: "prodInstName",
          title: "甲端用户名称",
          showOverflow: true,
          width: 200,
        },
        {
          field: "addressDesc",
          title: "甲端装机地址",
          showOverflow: true,
          width: 200,
        },
        {
          field: "zProdInstName",
          title: "乙端用户名称",
          showOverflow: true,
          width: 200,
        },
        {
          field: "zAddressDesc",
          title: "乙端装机地址",
          showOverflow: true,
          width: 150,
        },
        { field: "groupNbr", title: "IDC群号", showOverflow: true, width: 150 },
      ],
      intransitData: [], //在途订单表格数据
      intransitLoading:false,
      intransitTotal:0,
      intransitParam:{
            objId:"", //12312
            size:10,
            curPage:1,
      },
      msJson : {
            statusCds: '200000',
            createStaff: "",
            pecialScenesFlag:'RENTDEL',
            custId: "",
            handleOrgId: "",
            custOrderType: '50200005',
            pageInfo: {
                pageIndex : "1",
                pageSize : "10"
            }
      },
      row:{},
      intransitColumns: [
            { type: "radio", title: "选择", width: 60, fixed: null },
            {field: "custSoNumber", title: "流水号", showOverflow: true, width: 200,},
            {field: "offerName", title: "销售品名称", showOverflow: true,width: 200},
            {field: "orderDate", title: "要求完成时间", showOverflow: true, width: 100,},
            {field: "regionRange", title: "通达地点", showOverflow: true, width: 100,},
            {field: "serviceOfferName", title: "登记事项", showOverflow: true, width: 100 },
            {field: "accNum", title: "设备号", showOverflow: true, width: 150,},
            {field: "prodInstName", title: "甲端用户名称", showOverflow: true, width: 150 },
            {field: "contactName", title: "甲端联系人", showOverflow: true, width: 150,},
            {field: "mobilePhone", title: "甲端联系人电话", showOverflow: true, width: 150,},
            {field: "addressDesc", title: "甲端装机地址", showOverflow: true, width: 150,},
            {field: "zProdInstName", title: "乙端用户名称", showOverflow: true, width: 150 },
            {field: "zContactName", title: "乙端联系人", showOverflow: true, width: 150,},
            {field: "zMobilePhone", title: "乙端联系人电话", showOverflow: true, width: 150,},
            {field: "zAddressDesc", title: "乙端装机地址", showOverflow: true, width: 150,},
            {field: "rate", title: "速率", showOverflow: true, width: 150,},
      ],
    };
  },
  created() {
    this.getOrderSourceId();
    this.getProdOfferId();
    this.getLocationId();
  },
    computed: {
        ...mapState("user", ["user"]),
    },
  methods: {
    //产品实例库信息-受理运营商下拉选项列表
    async getOrderSourceId() {
      let params = {
        interFaceType: "ORDER",
        sqlId: "2021060502",
        paramStr: "10210003",
      };
      const result = await OrderService.qryOrderSourceId(params);
      if (result.code == 200) {
        this.orderSourceIdArray = result.meta.resList.executeSqlResps;
      } else {
        console.log("受理运营商-else=", result);
      }
    },
    //产品实例库信息-销售品名称下拉选项列表
    async getProdOfferId() {
      let params = {
        interFaceType: "ORDER",
        sqlId: "2021080205 ",
        paramStr: "1",
      };
      const result = await OrderService.qryProdOfferId(params);
      if (result.code == 200) {
        this.prodOfferIdArray = result.meta.resList.executeSqlResps;
      } else {
        console.log("销售品名称-else=", result);
      }
    },
    //产品实例库信息-通达省下拉选项列表
    async getLocationId() {
      let params = {
        interFaceType: "ORDER",
        sqlId: "2021080204 ",
        paramStr: "1",
      };
      const result = await OrderService.qryLocationId(params);
      if (result.code == 200) {
        this.locationIdArray = result.meta.resList.executeSqlResps;
      } else {
        console.log("通达省-else=", result);
      }
    },
    //产品实例库信息-查询列表
    async getProdOfferInstNew() {
      this.FormModel.B_BEGIN_RENT_TIME = this.FormModel.START_TIME ? this.FormModel.START_TIME[0] : "";
      this.FormModel.E_BEGIN_RENT_TIME = this.FormModel.START_TIME ? this.FormModel.START_TIME[1] : "";
      this.FormModel.B_STOP_RENT_TIME = this.FormModel.STOP_TIME ? this.FormModel.STOP_TIME[0] : "";
      this.FormModel.E_STOP_RENT_TIME = this.FormModel.STOP_TIME ? this.FormModel.STOP_TIME[1] : "";
      const result = await OrderService.qryProdOfferInstNew(this.FormModel);
      if (result.code == 200 && result.meta.list.length > 0 ) {
        console.log("产品实例库信息-查询列表-200=", result);
        this.tableData = result.meta.list;
        this.FormModel.count = result.meta.total//输出Excel需要带回总数
        this.FormExcel = this.FormModel ; //this.FormExcel就是输出Excel的传参
        this.total = result.meta.total;
        this.tableLoading = false;
        this.queryDisabled = false;
      } else {
        this.tableLoading = false;
        this.queryDisabled = false;
        console.log("产品实例库信息-查询列表-else=", result);
      }
    },
    // 输出EXCEL
    async exportExcel() {
        if(this.tableData.length > 0 && this.total < 9000){
            let loadingExport = this.$loading({ fullscreen: true });
            var result = await OrderService.exportEXCELInstList(this.FormExcel);
            const blob = new Blob([result]);
            let fileName = "产品实例信息列表.xls";
            if ("download" in document.createElement("a")) {
                const elink = document.createElement("a");
                elink.download = fileName;
                elink.style.display = "none";
                elink.href = URL.createObjectURL(blob);
                document.body.appendChild(elink);
                elink.click();
                URL.revokeObjectURL(elink.href);
                document.body.removeChild(elink);
                loadingExport.close() ;
            } else {
                navigator.msSaveBlob(blob, fileName);
            }
        }else if(this.total > 9000){
            this.$alert("数据量过大，请您缩小查询范围!", "提示", {type: "warning", confirmButtonText: "关闭",});
        }
        else {
            this.$alert("没有数据,无法导出!", "提示", {type: "warning", confirmButtonText: "关闭",});
        }
    },
    //查询按钮
    queryList() {
        this.total = 0 ;
        this.FormModel.curPage = 1 ;
        this.tableData = [];
        this.FormModel.regionType = this.user.regionType ;
        this.FormModel.orgId = this.user.orgId ;
        if(this.FormModel.custSoNumber != "" || this.FormModel.VPN_NET_NBR != ""  ||
            this.FormModel.custName != "" || this.FormModel.regionRange != "" ||
            this.FormModel.groupNbr != "" || this.FormModel.accNbr != "" ||
            this.FormModel.orgName != "" || this.FormModel.LOCATION_ID != "" ||
            this.FormModel.isTuZu != "" ||  this.FormModel.payCustName != "" ||
            this.FormModel.prodOfferId != "" || this.FormModel.orderSourceId != "" ||
            this.FormModel.prodInstId != "" || this.FormModel.contact_cd != "" ||
            this.FormModel.idcNetNbr != "" || this.FormModel.CIRCUIT_LOCAL_NBR_A != "" ||
            this.FormModel.CIRCUIT_LOCAL_NBR_B != "" || this.FormModel.START_TIME.length >0 ||
            this.FormModel.STOP_TIME.length >0){
            this.queryDisabled = true;
            this.tableLoading = true;
            this.getProdOfferInstNew();
        }else{
            this.$alert("请选择一个条件进行查询!", "提示", {type: "warning", confirmButtonText: "关闭",});
        }
    },
    //清空按钮
    emptyFrom() {
      this.$refs.FormModel.resetFields();
    },
    //表格-分页事件
    handlePageChange({ currentPage, pageSize }) {
      this.tableData = [];
      this.queryDisabled = true;
      this.tableLoading = true;
      this.FormModel.curPage = currentPage+'';
      this.FormModel.size = pageSize+'';
      this.getProdOfferInstNew();
    },
    //表格点击事件
    Onrowclick(data) {
          data.row.productLibrary = "productMation" ;
          sessionStorage.setItem("changeRow", JSON.stringify(data.row));
          if (data.column.title == "流水号") {
              const ppmCondition = {
                  productId: data.row.prodId ? data.row.prodId : 80008007,
                  serviceOfferId: "4010100000",
                  modType: "50200003",
                  optionId: "314", //需求单审核前后/订单审核前后/产品实例库  310，311，312，313，314
              };
              sessionStorage.setItem("ppmCondition", JSON.stringify(ppmCondition));
              sessionStorage.setItem("detailCondition", JSON.stringify(ppmCondition)); //解决详情刷新缓存请求条件被覆盖问题
              window.open("orders.html?router=productinfo", "_blank");
          }
    },
    //产品实例库信息-查看在途订单
    async getIntransitQueryItems() {
          const result = await OrderService.intransitQueryItems(this.intransitParam);
          if (result.code == 200 && result.meta.MOBILE_LIST.length > 0 ) {
              console.log("查看在途订单-200=", result);
              this.intransitData = result.meta.MOBILE_LIST ;
              this.intransitTotal = result.meta.total
              this.intransitLoading = false ;
          } else {
              this.intransitLoading = false ;
              console.log("查看在途订单-else=", result);
          }
    },
    journalClick(row){
        this.journalRow = row ;
        this.journalDialog = true ;
        this.journalLogChange = true ;
    },
    intransitClick(row){
          this.intransitParam.objId = row.offerInstId +"" ;
          this.intransitDialog = true ;
          this.intransitLoading = true ;
          this.getIntransitQueryItems() ;
    },
    dialogClose(){
        this.journalDialog=false;
        this.journalRow = {} ;
        this.journalLogChange = false ;
        this.intransitDialog=false;
    },
    //在途订单分页
    intransitPageChange({ currentPage, pageSize }) {
          this.intransitParam.curPage = currentPage+'' ;
          this.intransitParam.size = pageSize+'' ;
          this.intransitData = [] ;
          this.intransitClick();
    },
    //状态为：拆机-独立行样式
    rowStyle ({ row, rowIndex }) {
          if (row.statusCd === '拆机') {
              return {
                  color: 'red'
              }
          }
    },
  },
};
</script>

<style lang="scss" scoped>
.container {
  padding: 0.1rem;
  height: 100%;
  background-color: #fff;
}
.ne-title {
  border-bottom: 1px solid #eeeeee;
}
.left {
  span {
    font-size: $fontSize_v2;
    font-weight: 600;
    position: relative;
    color: $textColor1;
    padding-left: 0.05rem;
    &::before {
      content: "";
      display: inline-block;
      position: absolute;
      left: 0;
      top: 9%;
      height: 78%;
      //border-left: .03rem solid #f56d39;
    }
  }
}
.classButton {
  text-align: center;
  .el-button--primary {
    width: 80px;
  }
  margin-bottom: 0.1rem;
}
/*精确-模糊查询*/
::v-deep .select-box .el-input--suffix .el-input__inner {
  padding-left: 0.07rem;
  text-align: left;
  padding-right: 0.2rem;
  z-index: 9999;
}
::v-deep .select-box .el-input__suffix {
  right: 0;
}
.select-box {
  width: 1rem;
  padding: 0;
  ::v-deep .el-input__icon {
    line-height: initial;
  }
}
.ne-select-box {
    width: 0.56rem !important;
    min-width: 0.75rem;
}
/*时间选择器*/
::v-deep .el-date-editor--daterange{
    .el-range__icon {
        display: none;
        .el-range-separator {
            width: 3px !important;
        }
    }
    .el-range-input{
        font-size: 10px;
    }
    .el-range__close-icon{
        width: 14px ;
        float: right !important;
    }
}
/*表格-流水号效果*/
::v-deep .cust_num_lass {
  .vxe-cell {
    .vxe-cell--label {
      color: #2a83e2;
    }
    .vxe-cell--label:hover {
      text-decoration: underline;
      color: #2a83e2;
    }
  }
}
/*表格-查看按钮效果*/
.view_details {
  color: #2a83e2;
}
.view_details:hover {
  text-decoration: underline;
  color: #2a83e2;
}
 /*查看浮窗*/
.see_popover{
        tr{
            td{
                width: 120px;
                padding: 5px;
                a:hover {
                    text-decoration: underline;
                    color: #2a83e2;
                }
            }
        }
}
</style>
